<template>
  <main>
    <div class="profile-home">
      <p><span>{{getNickname}}</span> , 欢迎回来！</p>
      <img src="http://cdn.yozora.top/image/59177501_alt.png"/>
    </div>
  </main>
</template>

<script>
export default {
  name: '',
  computed: {
    getNickname() {
      return this.$store.getters['user/user'].nickname
    }
  },
}
</script>

<style lang="scss" scoped>
main {
  max-width: 1000px;
  padding-left: 1rem;
  padding-right: 1rem;
  .profile-home{
    p {
      font-size: 1.5rem;
      padding: 1rem auto;
      span {
        color: orange
      }
    }
    img {
      position: relative;
      display: block;
      max-width: 100%;
      padding-bottom: 50px;
    }
  }  
}
</style>